<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/移动端/找房无忧/reset.css">
    <script src="/移动端/找房无忧/jQ引入.js"></script>
    <link rel="stylesheet" href="./验证码.css">
</head>
<body>
    <header>
        <div class="div1">
        <img src="/移动端/找房无忧/img/logo.jpg" alt="">
        </div>
        <div class="div2">
        <img src="/移动端/找房无忧/img/my.jpg" alt="">
        <img src="/移动端/找房无忧/img/xiazai.jpg" alt="">
        </div>
    </header>
    <div class="zhao">
        <a href="">首页 <a href="" id="bai">> 我的 > 登录</a></a>
    </div>
    <section>
        <span class="pu">普通登录</span><span class="yan">验证码快捷登录</span>
        <div class="pt">
            <input type="text" placeholder="请输入手机号码">
            <input type="password" placeholder="请输入密码">
            <a href="../登录.html"><button>立即登录</button></a>
            <p><a href="/移动端\找房无忧\注册\注册.html">立即注册</a><a href="/移动端\找房无忧\找回密码\找回密码.html">忘记密码</a></p>
        </div>
        <div class="yz">
            <div id="div"><input type="text" placeholder="请输入手机号码"><button id="bt">发送验证码</button></div>
            <input type="password" placeholder="请输入密码">
            <a href="../登录.html"><button>验证并登录</button></a>
            <p><a href="/移动端\找房无忧\注册\注册.html">立即注册</a><a href="/移动端\找房无忧\找回密码\找回密码.html">忘记密码</a></p>
        </div>
    </section>
</body>
<script src="/移动端/找房无忧/公用rem.JS"></script>
<script>
    var pu =document.querySelector('.pu')
    var  yan =document.querySelector('.yan')
    var pt =document.querySelector('.pt')
    var yz =document.querySelector('.yz')
    yan.onclick=function(){
        yz.style.display='block';
        pt.style.display='none';
        yan.style.borderBottom="5px solid #FF8A00";
        pu.style.borderBottom="5px solid #E0E0E0";
    }
    pu.onclick=function(){
        yz.style.display='none';
        pt.style.display='block';
        yan.style.borderBottom="5px solid #E0E0E0";
        pu.style.borderBottom="5px solid #FF8A00";
    }
</script>
</html>